<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="/templates/commonAdmin.xhtml">
	<ui:define name="pageTitle">Accueil Administrateur</ui:define>
	<ui:define name="pageHeader">Header</ui:define>
	<ui:define name="pageWrapper">
		<h:form>
			<div class="row">
				<!-- /input-group -->
				<div class="col-lg-12">
					<h1>
						Demandes d'annulations <small>à traiter</small>
					</h1>
					<ol class="breadcrumb">
						<li class="active"><i class="fa fa-table"></i> Liste des
							demandes</li>
					</ol>

				</div>


			</div>
			<div class="col-lg-3" style="float: right;">
				<div class="well">
					<h4>Rechercher</h4>
					<div class="input-group">
						<input type="text" class="form-control" /> <span
							class="input-group-btn">
							<button class="btn btn-default" type="button">
								<span class="glyphicon glyphicon-search"></span>
							</button>
						</span>
					</div>

				</div>
			</div>
			<div class="col-lg-8">

				<div class="table-responsive">
					<table
						class="table table-bordered table-hover table-striped tablesorter">
						<thead>
							<tr>
								<th>Numero <i class="fa fa-sort"></i></th>
								<th>Nom client <i class="fa fa-sort"></i></th>
								<th>Date commande <i class="fa fa-sort"></i></th>
								<th>Date annulation <i class="fa fa-sort"></i></th>
								<th>Decision<i class="fa fa-sort"></i></th>
							</tr>
						</thead>
						<tbody>
							<tr class="active">
								<td>1500</td>
								<td>Grinwhish</td>
								<td>13/01/2014</td>
								<td>16/01/2014</td>
								<td><div class="btn-group">
										<button type="button" class="btn btn-info dropdown-toggle"
											data-toggle="dropdown">
											Décision Oui / Non <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li><h:commandButton class="btn btn-success" action="#"
													value="Accepter" /></li>
											<li><h:commandButton class="btn btn-warning" action="#"
													value=" Refuser " /></li>

										</ul>
									</div> <!-- /btn-group --></td>
							</tr>
							<tr class="success">
								<td>59</td>
								<td>Wagner</td>
								<td>12/01/2014</td>
								<td>13/01/2014</td>
								<td>
									<div class="btn-group">
										<button type="button" class="btn btn-info dropdown-toggle"
											data-toggle="dropdown">
											Décision Oui / Non <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li><h:commandButton class="btn btn-success" action="#"
													value="Accepter" /></li>
											<li><h:commandButton class="btn btn-warning" action="#"
													value=" Refuser " /></li>

										</ul>
									</div>
								</td>
							</tr>
							<tr class="warning">
								<td>355</td>
								<td>Fernando</td>
								<td>05/01/2014</td>
								<td>10/01/2014</td>
								<td><div class="btn-group">
										<button type="button" class="btn btn-info dropdown-toggle"
											data-toggle="dropdown">
											Décision Oui / Non <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li><h:commandButton class="btn btn-success" action="#"
													value="Accepter" /></li>
											<li><h:commandButton class="btn btn-warning" action="#"
													value=" Refuser " /></li>

										</ul>
									</div></td>
							</tr>
							<tr class="danger">
								<td>198</td>
								<td>Armand</td>
								<td>11/12/2013</td>
								<td>11/01/2014</td>
								<td><div class="btn-group">
										<button type="button" class="btn btn-info dropdown-toggle"
											data-toggle="dropdown">
											Décision Oui / Non <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li><h:commandButton class="btn btn-success" action="#"
													value="Accepter" /></li>
											<li><h:commandButton class="btn btn-warning" action="#"
													value=" Refuser " /></li>

										</ul>
									</div></td>
							</tr>
							<tr>
								<td>204</td>
								<td>Bouvier</td>
								<td>10/01/2014</td>
								<td>13/01/2014</td>
								<td><div class="btn-group">
										<button type="button" class="btn btn-info dropdown-toggle"
											data-toggle="dropdown">
											Décision Oui / Non <span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li><h:commandButton class="btn btn-success" action="#"
													value="Accepter" /></li>
											<li><h:commandButton class="btn btn-warning" action="#"
													value="Refuser" /></li>

										</ul>
									</div></td>
							</tr>


						</tbody>
					</table>
				</div>
			</div>

		</h:form>
	</ui:define>

</ui:composition>

</html>